<script setup>
import { ref, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router';

const router = useRouter()
</script>

<template>
  <div class="flex-col">
    <div
      class="flex space-x-28 border-b py-1"
      @click="router.replace('./user')"
    >
      <img
        class="h-8 opacity-80 w-8"
        src="../assets/setting/arrow-left-s-line.png"
      >
      <h1 class="self-center  font-bold">设置</h1>
    </div>

    <div class="flex-col space-y-1">
      <div
        v-for="item in ['账号管理','开屏密码', '导出']"
        :key="item"
        class="py-2 px-3 bg-white border-b-4 flex items-center justify-between"
      >
        <div class="font-bold text-sm">{{ item }}</div>
        <img
          class="w-6 h-6 opacity-50"
          src="../assets/setting/arrow-right-s-line.png"
        >
      </div>



  </div>


</div></template>

<style scoped lang='scss'></style>